<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/all.min.css">
    <link href="static/css/css2.css" rel="stylesheet">
    <script type="text/javascript" src="https://cdn.emailjs.com/dist/email.min.js"></script>
    <link href="static/css/aos.css" rel="stylesheet">
    <!-- <link rel="icon" type="image/png" href="./static/image/Favicon.png"> -->
    <script src='static/js/jquery-1.11.3.min.js'></script>
</head>
<body>
<header id="header" class="navbar navbar-expand-md" >
  <div class="container-fluid title">
    <a class="mahadao-logo" href=""><img src="static/web/LOGO.png" alt="mahadao-logo" ></a>
    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"
      aria-expanded="false"><span class="nav-icon"></span></button>
    <div class="navbar-collapse collapse" id="collapsibleNavbar">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item "><a class="nav-link opacity-link dropdown-toggle" href="./index.html" id="navbardrop"
          >Developers</a>
         
        </li>
        <li class="nav-item "><a class="nav-link opacity-link dropdown-toggle" href="./oracle.html" id="navbardrop"
          >Oracle</a>
         
        </li>
        <li class="nav-item "><a class="nav-link opacity-link dropdown-toggle" href="./storage.html" id="navbardrop">
          Storage</a>
          
        </li>
        <li class="nav-item "><a class="nav-link opacity-link dropdown-toggle" href="./ecosystem.html" id="navbardrop"
          >Validators</a>
          
        </li>
        <li class="nav-item "><a class="nav-link opacity-link dropdown-toggle" href="https://medium.com/@dominochain" id="navbardrop"
          >About</a>
          
        </li>
      </ul>
    </div>
  </div>
  <!-- <div id="header-gradient"></div>
  <div class="gradient-red-1"></div>
  <div class="gradient-red-2"></div>
  <div class="gradient-black-1"></div> -->
  <!-- <div class="container-title">
    <a class="mahadao-logo" href=" ./index.html">
      <img src="static/web/LOGO.png" alt="mahadao-logo" width="182px" height="60px">
    </a>

    <div class="collapse navbar-collapse" >

      <ul class="nav navbar-nav">
        <li class="nav-item ">
          <a class="nav-link " href="./index.html" id="navbardrop"
             >Developers</a>
        </li>
        <li class="nav-item ">
          <a class="nav-link " href="./oracle.html" id="navbardrop"
            >Oracle</a>

        </li>
        <li class="nav-item ">
          <a class="nav-link " href="./storage.html" id="navbardrop">Storage</a>
        </li>
        <li class="nav-item ">
          <a class="nav-link " href="./ecosystem.html" id="navbardrop"
             >Ecosystem</a>

        </li>
        <li class="nav-item ">
          <a class="nav-link " href="https://medium.com/@dominochain" id="navbardrop"
             >About</a>
        </li>
    
      </ul>
    </div>

  </div> -->
<script>
  var url = window.location.href; /* 获取完整URL */
    if(url.indexOf("index") > 0){
          $('.nav-link').eq(0).addClass("nav-checked");
        }
      else if(url.indexOf("oracle") > 0){
        $('.nav-link').eq(1).addClass("nav-checked");
      }
      else if(url.indexOf("storage") > 0){
        $('.nav-link').eq(2).addClass("nav-checked");
      }
      else if(url.indexOf("ecosystem") > 0){
        $('.nav-link').eq(3).addClass("nav-checked");
      }else{
        $('.nav-link').eq(0).addClass("nav-checked");
      }
</script>
</header>




</body>
</html>

